<template>
<div class="footer">
    <flexbox class="concatphone" wrap="wrap" :gutter="0">
        <flexbox-item :span="1/2" @click.native="calls"><img src="../assets/phone.png" /></flexbox-item>
        <flexbox-item :span="1/2" @click.native="showCode"><img src="../assets/weixin.png" /></flexbox-item>
    </flexbox>
    <div class="msg">
        <img :src="basc.web_logo" alt="" />
        <p>公司地点：{{basc.web_address}}  </p>
        <p>邮政编码：{{basc.web_postcode}}</p>
        <p>办公电话：<a :href="'tel:' + basc.web_phone">{{basc.web_phone}}</a></p>
        <p>销售热线：<a :href="'tel:' + basc.web_sal_phone">{{basc.web_sal_phone}}</a></p>
        <p>E-mail：{{basc.web_email}}</p>
    </div>
    <div v-transfer-dom>
        <x-dialog v-model="showDialog" :hide-on-blur="true" class="sodp">
            <img :src="basc.web_accounts" style="width:100%" alt="" />
        </x-dialog>
    </div>
</div>
</template>
<script>
import {
  Flexbox,
  FlexboxItem,
  XDialog,
  TransferDom
} from 'vux'
export default {
  name: "Footers",
  directives:{
      TransferDom
  },
  components: {
    Flexbox,
    FlexboxItem,
    XDialog
  },
  props:['basc'],
  data: () => ({
      showDialog:false
  }),
  methods:{
      calls(){
          location.href="tel:"+this.basc.web_sal_phone;
      },
      showCode(){
          this.showDialog = true;
      }
  }
}
</script>
<style lang="less">
.sodp .weui-dialog {
    padding:10px;
}
</style>
